<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<META content="IE=7.0000" http-equiv="X-UA-Compatible">
<TITLE>旅游网站</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>


<LINK rel=stylesheet type=text/css href="resource/skink.css">

<style type=text/css>
#nav_hd_ {
	BORDER-BOTTOM: #cccccc 1px solid;
	BORDER-LEFT: #e1e1e1 0px solid;
	MARGIN: 0px auto 0px 0px;
	WIDTH: 100%;
	BACKGROUND: #f1f1f1;
	HEIGHT: 50px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px;
	_margin-left: 0px
}

A.nav_button_hd_ {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	BORDER-LEFT: #e1e1e1 0px solid;
	LINE-HEIGHT: 40px;
	WIDTH: 100px;
	DISPLAY: block;
	FONT-FAMILY: 微软雅黑;
	BACKGROUND: #f1f1f1;
	FLOAT: left;
	HEIGHT: 40px;
	COLOR: #333333;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 15px;
	BORDER-TOP: #e1e1e1 0px solid;
	FONT-WEIGHT: normal;
	BORDER-RIGHT: #e1e1e1 0px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 0px;
	_width: 100px
}

A.nav_button_hd_msout {
	BORDER-BOTTOM: #c40000 0px solid;
	BORDER-LEFT: #c40000 0px solid;
	LINE-HEIGHT: 50px;
	WIDTH: 170px;
	DISPLAY: block;
	FONT-FAMILY: 微软雅黑;
	BACKGROUND: url(/skin/skin1/other/button_bg.png) no-repeat;
	FLOAT: left;
	HEIGHT: 50px;
	COLOR: #000000;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 25px;
	BORDER-TOP: #c40000 0px solid;
	FONT-WEIGHT: normal;
	BORDER-RIGHT: #c40000 0px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 0px;
	_width: 100px
}

A.nav_button_hd_:link {
	BORDER-BOTTOM-COLOR: #e1e1e1;
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-TOP-COLOR: #e1e1e1;
	FONT-FAMILY: 微软雅黑;
	BACKGROUND: #f1f1f1;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	COLOR: #000000;
	BORDER-RIGHT-COLOR: #e1e1e1;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 15px;
	BORDER-LEFT-COLOR: #e1e1e1;
	BORDER-LEFT-WIDTH: 0px;
	FONT-WEIGHT: normal;
	_color: #ffffff
}

A.nav_button_hd_:hover {
	BORDER-BOTTOM: #c40000 0px solid;
	BORDER-LEFT: #c40000 0px solid;
	FONT-FAMILY: 微软雅黑;
	BACKGROUND: url(/skin/skin1/other/button_bg.png) no-repeat;
	COLOR: #ee025a;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 15px;
	BORDER-TOP: #c40000 0px solid;
	FONT-WEIGHT: normal;
	BORDER-RIGHT: #c40000 0px solid
}

#main_hd_ {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #e1e1e1 0px solid;
	MIN-HEIGHT: 260px;
	WIDTH: 924px;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 0px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px
}

#main_hd_1 {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #e1e1e1 0px solid;
	MIN-HEIGHT: 260px;
	WIDTH: 924px;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 0px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px
}

#main_hd_2 {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #e1e1e1 0px solid;
	MIN-HEIGHT: 260px;
	WIDTH: 924px;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 0px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px
}

#main_hd_3 {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #e1e1e1 0px solid;
	MIN-HEIGHT: 260px;
	WIDTH: 924px;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 0px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px
}

#main_hd_4 {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #e1e1e1 0px solid;
	MIN-HEIGHT: 260px;
	WIDTH: 924px;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 0px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px
}

#main_hd_5 {
	BORDER-BOTTOM: #e1e1e1 0px solid;
	TEXT-ALIGN: left;
	BORDER-LEFT: #e1e1e1 0px solid;
	MIN-HEIGHT: 260px;
	WIDTH: 924px;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 0px;
	BORDER-TOP: #e1e1e1 0px solid;
	BORDER-RIGHT: #e1e1e1 0px solid;
	_width: 920px
}
</style>

</head>

<BODY>

	<script>
		function fenye(pagenum) {

			form2.action = form2.action + "?pagenum=" + pagenum;
			form2.submit();

		}
	</script>


	<form action="${url }" method="post" name="form2">

		<input type="hidden" name="type" value="${type }" /> <input
			type="hidden" name="tuijian" value="${tuijian }" /> <input
			type="hidden" name="biaoti" value="${biaoti }" /> <input
			type="hidden" name="city" value="${city }" />
	</form>



	<DIV id=wrapper>

		<div style="font-size: 40px; color: red; font-weight: bold;"
			align="center">旅游网站</div>

		<%@ include file="head.jsp"%>



		<DIV
			style="TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 90% px; BACKGROUND: #ffffff; HEIGHT: auto">

			<DIV
				style="BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: right; BORDER-LEFT: #cccccc 1px solid; 
				MIN-HEIGHT: 150px; WIDTH: 80%; BACKGROUND: #ffffff; FLOAT: left; MARGIN-LEFT: 0px; 
				BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; _width: 920px">


				<DIV
					style="TEXT-ALIGN: center; MARGIN: 0px 0px 0px 15px; WIDTH: 99%; BACKGROUND: #ffffff; _width: 920px">

					<form action="." method="post">

						<DIV id=nav_hd_>
							<A class=nav_button_hd_msout href=".">全部信息</A> <A
								class=nav_button_hd_msout href=".?tuijian=1">热门推荐</A> <A
								class=nav_button_hd_msout href=".?type=1">销量排行</A> <A
								class=nav_button_hd_msout href=".?type=2">点击排行</A> <span
								style="margin-left: 50px; float: left; font-weight: bold; font-size: 25px; line-height: 50px">旅游标题：</span>

							<input type="text" name="biaoti" value="${biaoti }"
								style="width: 150px; float: left; height: 25px; MARGIN-top: 10px; MARGIN-right: 15px" />


							<span
								style="margin-left: 50px; float: left; font-weight: bold; font-size: 25px; line-height: 50px; MARGIN-left: 15px">旅游城市：</span>

							<input type="text" name="city" value="${city }"
								style="width: 150px; float: left; height: 25px; MARGIN-top: 10px" />


							<input type="submit" value="&nbsp;搜&nbsp;&nbsp;索&nbsp;"
								style="width: 60px; height: 27px; MARGIN-top: 10px" />



						</DIV>
					</form>

					<DIV id=main_hd_>
						<DIV
							style="MIN-HEIGHT: 260px; WIDTH: 924px; DISPLAY: block; BACKGROUND: #ffffff; _width: 917px"
							id=main_hd_1>




							<!-- 网站内容开始 -->

							<DIV
								style="MARGIN-TOP: 8px; MIN-HEIGHT: 260px; WIDTH: 924px; _WIDTH: 920px">


								<c:forEach items="${list}" var="bean">
									<DIV class=product>
										<DIV
											style="TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 178px; HEIGHT: 256px; _width: 178px">
											<DIV
												style="TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 178px; HEIGHT: 180px; PADDING-TOP: 0px; _width: 178px">
												<A href="tourshow.do?id=${bean.id }"> <IMG
													style="WIDTH: 178px; _width: 178px" border=0
													src="<%=basePath %>${bean.pic }">
												</A>
											</DIV>
											<DIV
												style="TEXT-ALIGN: center; WIDTH: 150px; HEIGHT: 76px; _width: 150px">
												<DIV
													style="TEXT-ALIGN: left; LINE-HEIGHT: 26px; MARGIN: 0px auto; WIDTH: 140px; HEIGHT: 26px">

												</DIV>
												<DIV
													style="TEXT-ALIGN: left; LINE-HEIGHT: 20px; MARGIN: 0px auto; WIDTH: 140px; PADDING-RIGHT: 6px; WORD-WRAP: break-word; HEIGHT: 40px; COLOR: #333333; WORD-BREAK: break-all; _width: 140px">

													<SPAN style="COLOR: #333333"> <c:if
															test="${fn:length(bean.biaoti)>10}">${fn:substring(bean.biaoti,0, 10)}...</c:if>
														<c:if test="${fn:length(bean.biaoti)<=10}">${bean.biaoti }</c:if>
													</SPAN> <br /> <SPAN
														style="font-weight: bold; font-size: 18px; color: red;">
														${bean.price }元 </SPAN>
												</DIV>
											</DIV>
										</DIV>
									</DIV>
								</c:forEach>



							</DIV>

							<div align=center>${pagerinfo }</div>


							<!-- 网站内容结束 -->

						</DIV>


					</DIV>
				</DIV>



			</DIV>


			
			<DIV
				style="TEXT-ALIGN: right; MIN-HEIGHT: 318px; PADDING-LEFT: 2px; WIDTH: 19%; BACKGROUND: #ffffff; FLOAT: left; _width: 260px">


				<DIV
					style=" BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 1px solid; 
					WIDTH:100%; ZOOM: 1; HEIGHT: auto; OVERFLOW: hidden; BORDER-RIGHT: #cccccc 1px solid; _width: 268px">


			<DIV
			style="BORDER-BOTTOM: #cccccc 1px solid;TEXT-ALIGN: center; LINE-HEIGHT: 50px; MARGIN-TOP: 0px; WIDTH: 100%; HEIGHT: 50px; PADDING-TOP: 0px">
						<FONT color=#333333 style="font-size:35px"> <B>旅游资讯</B></FONT>
					</DIV>



	<DIV
		style="BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; ZOOM: 1;
		 HEIGHT: auto; OVERFLOW: hidden; BORDER-RIGHT: #cccccc 1px solid; _width: 268px">


						<c:forEach items="${zixunlist}" var="zixun">
							<DIV
								style="font-size:20px;TEXT-ALIGN: left; PADDING-LEFT: 6px; WIDTH: 240px; FLOAT: left; HEIGHT: 26px; _width: 240px; _PADDING-left: 1px">
								<A href="zixunshow.do?id=${zixun.id }"> <c:if
										test="${fn:length(zixun.biaoti)>15}">${fn:substring(zixun.biaoti,0, 15)}...</c:if>
									<c:if test="${fn:length(zixun.biaoti)<=15}">${zixun.biaoti }</c:if>
								</A>
							</DIV>
						</c:forEach>



						<br /> <br /> <br /> <br /> <br /> <br />

						<DIV
							style="TEXT-ALIGN: left; PADDING-LEFT: 6px; WIDTH: 240px; FLOAT: left; HEIGHT: 26px; _width: 240px; _PADDING-left: 1px">


						</DIV>


					</DIV>
				</DIV>

			</DIV>
		</DIV>
</BODY>
</HTML>
